<template>
	<view class="boss">
		<u-popup v-model="newshow" mode="center" :mask-close-able='false'>
			<view class="" style="width: 590rpx;
height: 560rpx;
background: #FFFFFF;
border-radius: 27rpx;">


				<view class="ys d_f j_c_c">
					用户协议及隐私保护
				</view>
				<view class="" style="font-size: 26rpx;padding: 60rpx 50rpx 0 50rpx;">
					<text>已阅读并同意</text><text style="color: #DB202D;" @click="shows=true">《活动规则》</text><text
						style="color: #DB202D;" @click="show=true">《隐私政策》</text><text>等协议</text>
				</view>
				<view class="bottomxs" @click="arey">
					同意并办理
				</view>
				<view class="nos" @click="newshow=false">
					不同意
				</view>
			</view>
		</u-popup>
		<u-popup v-model="showx" mode="center" v-if="env==3" :mask-close-able='false' :closeable='true'>
			<view class="" style="position: relative;">
				<image src="../../static/newbacks.png" mode="widthFix" style="width: 660rpx;"></image>
				<view class="" style="position: absolute;top: 300rpx;z-index: 999;width: 436rpx;left: 120rpx;
font-weight: bold;
font-size: 36rpx;
color: #030303;
">
					<!-- {{mobile}} -->
					手机号： {{value}}
				</view>
				<view class=""
					style="position: absolute;top: 379rpx;z-index: 999;width: 530rpx;left: 60rpx;border: 1px solid #2879FD;border-radius: 40rpx;">
					<u-input v-model="sms" :border="false"
						style="border-radius: 45rpx;text-indent:20rpx;font-size:30rpx;width: 530rpx;" type="number"
						placeholder-style="font-size: 30rpx;color:#2A2A2A;font-weight:bold;" placeholder="输入验证码"
						maxlength="11" />

				</view>
				<view class=""
					style="position: absolute;top: 489rpx;z-index: 999;width: 530rpx;left: 60rpx;border-radius: 40rpx;background-color: #2879FD;height: 80rpx;line-height: 80rpx;font-size: 36rpx;text-align: center;color: white;"
					@click="queding">
					确定

				</view>

			</view>

		</u-popup>
		<view class="" style="position: absolute;top: 0;z-index: 999;background-color: white;opacity: 0;width: 100%;">
			{{param}}
		</view>
		<view class="" style="position: fixed;right: 0;top: 17rpx;z-index: 9999;" @click="shows=true">
			<image src="../../static/gzs.png" mode="widthFix" style="width: 54rpx;"></image>
		</view>
		<view class="agreement-main-box" v-if="shows" style="z-index: 999999;">
			<view class="agreement-box">
				<view class="title">{{title1}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content1">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="shows=false">我知道了</view>
			</view>
		</view>
		<view class="agreement-main-box" v-if="show" style="z-index: 999999;">
			<view class="agreement-box">
				<view class="title">{{title}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="ok">我知道了</view>
			</view>
		</view>
		<view class="" style="background-color:#f7cdb4;">
			<image src="../../static/yktc.jpg" mode="widthFix" style="width: 100%;"></image>

		</view>
		<view class="" style="position: absolute;top: 790rpx;padding-top: 20rpx;">
			<view id="wrap">
				<view id="inner">

					<span id="first" style="margin-left: 150rpx;"><u-text style="color: #4D4D4D;">155***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>
					<span id="second" style="margin-left: 150rpx;"><u-text
							style="color: #4D4D4D;">159***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>
					<span id="first" style="margin-left: 150rpx;"><u-text style="color: #4D4D4D;">155***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>
					<span id="second" style="margin-left: 150rpx;"><u-text
							style="color: #4D4D4D;">159***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>

				</view>
			</view>
			<view id="wrap" style="margin-top: 30rpx;">
				<view id="inner">
					<span id="first"><u-text style="color: #4D4D4D;">176***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>
					<span id="second"><u-text style="color: #4D4D4D;">156***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>
					<span id="first"><u-text style="color: #4D4D4D;">131***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>
					<span id="second"><u-text style="color: #4D4D4D;">176***</u-text><u-text
							style="margin-left: 4rpx;color: #4D4D4D;">一分钟前</u-text><u-text
							style="margin-left: 4rpx;color: #FF4038;">领取成功</u-text></span>
				</view>
			</view>
		</view>
		<view class="" style="display: flex;justify-content: center;">
			<view class=""
				style="position: absolute;top: 990rpx;width: 600rpx;height: 100rpx;background: #FFFFFF;border: 1px solid #4E8AF2;border-radius: 50rpx;line-height: 100rpx;">
				<view class="" style="display: flex;align-items: center;height: 100rpx;">
					<image src="../../static/newtcphne.png" mode="widthFix" style="width: 30rpx;margin-left: 24rpx;">
					</image>
					<view class="" style="width: 1rpx;height: 40rpx;border-right: 1px solid #B4B4B4;margin-left: 6rpx;">
					</view>
					<input type="number" maxlength="11" @input='inputs' v-model="value" placeholder="请输入您的手机号"
						style="margin-left: 16rpx;font-size: 40rpx;">
				</view>
			</view>
		</view>
		<view class="" style="position: absolute;top: 1100rpx;width: 100%;text-align: center;">
			<image src="../../static/nbt.png" mode="widthFix" style="width: 590rpx;margin-top: 10rpx;"
				@click="submitMethod"></image>
			<view class="" style="text-align: center;width: 100%;margin-top: 14rpx;">
				<view class="" style="display: flex;align-items: center;justify-content: center;">
					<checkbox-group @change="agreementChange" style="transform:scale(0.6)">
						<checkbox :checked="checked" color="#1D6CF6" />
					</checkbox-group>
					<view class="" style="font-size: 24rpx">
						<text style="color: #FFFFFF;">我已阅读并同意</text><text style="color: #FFCF4E;"
							@click="shows=true">《活动规则》</text><text style="color: #FFCF4E;"
							@click="show=true">《隐私政策》</text><text style="color: #FFFFFF;">等协议</text>
					</view>
				</view>

				<view class="" style="font-size: 24rpx;color: #FFFFFF;">
					优酷视频VIP月卡+省心支付宝通用立减金会员(0.1元连包)
				</view>
				<view class="" style="font-size: 24rpx;color: #FFFFFF;margin-top: 10rpx;">
					业务资费:前三天0.1元，续订29.9元/月，可随时取消
				</view>
				<view class="" style="font-size: 24rpx;color: #FFFFFF;margin-top: 10rpx;">
					客服热线:400-8825010

				</view>


			</view>

		</view>


	</view>
</template>

<script>
	import {
		statistics,
		createoder,
		wxLogin,
		send,
		check,
		youku,
		getYys,
		getAliUseridHjk,
		addLog
	} from '../../api/index.js'
	export default {
		data() {
			return {
				newshow: false,
				showx: false,
				disabled: false,
				getCodeText: '获取验证码',
				getCodeBtnColor: "#ffffff",
				p_code: 2023110802,
				sms: '', //验证码
				shows: false,
				checks: true,
				env: "",
				a: "666666",
				flag: false,
				checked: false,
				show: false,
				value: '',
				openid: '',
				openidHF: '',
				title1: '活动说明',
				content1: [
					"1. 客服咨询：在使用联合产品过程中对任一产品有疑问，应咨询对应产品客服。用户在优酷VIP使用过程中遇到任何问题，请咨询客服热线：400-810-3568，如在活动期间对支付宝通用立减金产品有疑问，请咨询客服热线：400-882-5010(工作日9:00-12:0013:30-6:00)。",
					"2. 活动对象：所有正规支付宝注册用户均可参与活动，（活动参与条件：首次0.1元购买5元支付宝通用立减金+1张三天优酷VIP会员活动每个用户限购一单；如您参与活动后，取消了服务，您无法重新订购该服务）。",
					"3. 产品资费：本产品为优酷视频VIP月卡+省心支付宝通用立减金会员，首次为0.1元，3日后自动续费29.9/月，开通立即生效，到期后自动续订。扣费采用签约代扣的方式进行收费，会在每一个计费周期到期前24小时，自动从您的账户中扣费。如对产品有异议或者建议等，请联系客服记录处理。",
					"4. 权益说明：本产品包含首次0.1元购买5元支付宝通用立减金+1张三天优酷VIP会员，3天后自动订购月包，连续包月产品包括优酷VIP月卡+5元支付宝通用立减金*6张（共计30元）。优酷会员权益仅限PC和移动端使用，不支持电视端使用；支付宝通用立减金，可用于线上线下任意支付宝支付场景，使用支付宝支付，且金额大于5元，采用银行卡方式付款时进行抵扣。",
					"5. 权益领取：",
					"（1）首次0.1元购买5元支付宝通用立减金+1张三天优酷VIP会员，其中：优酷会员直接到账您订购时填写的手机号对应注册的优酷账号下，如您的优酷账号已有VIP会员，到账后优酷会员有效期自动延长3天；1张5元支付宝立减金将直接到账您订购时填写的手机号注册的支付宝账户-卡包，使用有效期为24小时。该产品为虚拟商品请填写正确手机号。",
					"（2）3天后续订连续包月产品包括优酷VIP月卡+5元支付宝通用立减金*6张（共计30元），其中：支付宝通用立减金请前往微信公众号“省心24-领福利-立减金”领取您的立减金（领取详情见阅短信）。领取规则为：每5天可领取一张，每月共可领取6张，过期不可再领取，领取后每张使用有效期为24小时。优酷会员直接到账您订购时填写的手机号对应注册的优酷账号下，如您的优酷账号已有VIP会员，到账后优酷会员有效期自动延长31天；支付宝立减金领取后将发放到您订购时填写的手机号注册的支付宝账户-卡包。该产品为虚拟商品请填写正确手机号。",
					"6. 取消续费：如需解约本产品，请在会员权益到期前至支付宝“设置—支付设置一免密支付自动扣款一选择需要退订的产品”关闭服务。",
					"7. 退费说明：联合产品属虚拟类商品，非预付卡，不适用无理由退货，开通成功后，不支持退款和转移，联合产品权益不可转让。",
					"8. 严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。",
					"9. 您在购买自动续费服务后，将会在到期前为您发起续费，自动延长一个月优酷及立减金权益；可随时在支付宝-支付设置内取消，取消后则不再发起续费，在优酷与第三方合作发生变更或终止时，您的订购服务将自动解约，以届时实际通知为准。",
					"10. 特别提醒",
					"（1）购买本联合产品，应同时遵守优酷和省心支付宝通用立减金产品各自发布的《用户服务协议》、《隐私权政策》、《会员服务协议》（统称“平台规则”），如违反任一平台规则，省心支付宝通用立减金产品和优酷任何一方均有权单独按照其平台规则的规定进行处理，包括但不限于中止或终止提供其所属平台的服务及要求侵权赔偿等。故在开通前，请仔细阅读两个平台的规则。",
					"（2）用户信息保护：为您领取权益目的，优酷和省心支付宝通用立减金产品会收集使用您的相关信息。当您购买联合产品，表明您接受并同意收集使用您的个人信息。活动主办方使用个人信息仅限于购买、领取、使用联合产品所需，并在合理范围内予以保护，详细个人信息政策请阅优酷和省心支付宝通用立减金产品《隐私权政策》及《用户服务协议》。如您不同意请不要参与本次活动。",
					"（3）互联网存在诸多不确定性因素，因此理解并同意，如因不可抗力、网络、通讯线路故障、计算机大规模瘫痪及活动中存在大面积作弊行为等非优酷原因致使本活动出现异常情况或难以继续开展的，活动主办方有权采取包括但不限于通过各种方式消除异常情况或调整、暂停、取消本活动等措施，因此造成用户损失的，优酷不承担责任。",
					"（4）如出现不可抗力或情势变更的情况（包括但不限于重大灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受严重网络攻击或因系统故障导致包括但不限于活动中断、停办、权益领取和使用出现问题），活动主办方可依据相关法律法规的规定主张免责，主办方拥有取消本次活动的权利。",
					"（5）在法律规定的范围内，优酷有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面，公布后依法生效。",
					"（6）如果用户出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易、以所获得权益进行盈利、不当使用、倒买倒卖等违背诚实信用的行为），活动主办方将取消收回全部权益（含已使用的及未使用的），必要时追究法律责任。"
				],
				title: '关于客户个人信息收集、使用规则公告',
				param: '',
				content: [
					"用户协议",
					"尊敬的用户，欢迎使用由四川蜀游互娱网络科技有限公司（下列简称为“蜀游互娱”）提供的服务。在使用前请您阅读如下服务协议，使用本应用即表示您同意接受本协议，本协议产生法律效力，特别涉及免除或者限制蜀游互娱责任的条款，请仔细阅读。如有任何问题，可向蜀游互娱咨询。",
					"1. 服务条款的确认和接受",
					"通过访问或使用本应用，表示用户同意接受本协议的所有条件和条款。",
					"2. 服务条款的变更和修改",
					"蜀游互娱有权在必要时修改服务条款，服务条款一旦发生变更，将会在重要页面上提示修改内容。如果不同意所改动的内容，用户可以放弃获得的本应用信息服务。如果用户继续享用本应用的信息服务，则视为接受服务条款的变更。本应用保留随时修改或中断服务而不需要通知用户的权利。本应用行使修改或中断服务的权利，不需对用户或第三方负责。",
					"3. 用户行为",
					"3.1 用户账号、密码和安全",
					"您需注册登录账号方可使用我司产品功能。",
					"3.2 账号注册时的禁止行为",
					"（1）请勿以党和国家领导人或其他社会名人的真实姓名、字号、艺名、笔名注册；",
					"（2）冒充任何人或机构，或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关的名称；",
					"（3）请勿注册和其他网友之名相近、相仿的名字；",
					"（4）请勿注册不文明、不健康名字，或包含歧视、侮辱、猥亵类词语的名字；",
					"（5）请勿注册易产生歧义、引起他人误解的名字；",
					"3.3 用户在本应用上不得发布下列违法信息和照片：",
					"（1）反对宪法所确定的基本原则的；",
					"（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；",
					"（3）损害国家荣誉和利益的；",
					"（4）煽动民族仇恨、民族歧视，破坏民族团结的；",
					"（5）破坏国家宗教政策，宣扬邪教和封建迷信的；",
					"（6）散布谣言，扰乱社会秩序，破坏社会稳定的；",
					"（7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；",
					"（8）侮辱或者诽谤他人，侵害他人合法权益的；",
					"（9）含有法律、行政法规禁止的其他内容的；",
					"（10）禁止骚扰、毁谤、威胁、仿冒网站其他用户；",
					"（11）严禁煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；",
					"（12）严禁发布可能会妨害第三方权益的文件或者信息，例如（包括但不限于）：病毒代码、黑客程序、软件破解注册信息。",
					"（13）禁止上传他人作品。其中包括你从互联网上下载、截图或收集的他人的作品；",
					"（14）禁止上传广告、横幅、标志等网络图片；",
					"4. 服务内容",
					"本服务的具体内容由蜀游互娱根据实际情况提供，蜀游互娱可以对其提供的服务予以变更，且蜀游互娱提供的服务内容可能随时变更。",
					"",
					"隐私条款",
					"1.用户信息公开情况说明",
					"尊重用户个人隐私是蜀游互娱的一项基本政策。所以，蜀游互娱不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本应用中的非公开内容，除非有下列情况：",
					"（1）有关法律规定或蜀游互娱合法服务程序规定；",
					"（2）在紧急情况下，为维护用户及公众的权益；",
					"（3）为维护蜀游互娱的商标权、专利权及其他任何合法权益；",
					"（4）其他需要公开、编辑或透露个人信息的情况；",
					"在以下（包括但不限于）几种情况下，启奔科技有权使用用户的个人信息：",
					"（1）在进行促销或抽奖时，蜀游互娱可能会与赞助商共享用户的个人信息，在这些情况下蜀游互娱会在发送用户信息之前进行提示，并且用户可以通过不参与来终止传送过程；",
					"（2）蜀游互娱可以将用户信息与第三方数据匹配；",
					"（3）蜀游互娱会通过透露合计用户统计数据，向未来的合作伙伴、广告商及其他第三方以及为了其他合法目的而描述蜀游互娱的服务；",
					"2.隐私权政策适用范围",
					"（1）用户在使用本应用服务器时留下的个人身份信息；",
					"（2）用户通过本应用服务器与其他用户或非用户之间传送的各种资讯；",
					"（3）本应用与商业伙伴共享的其他用户或非用户的各种信息；",
					"（4）蜀游互娱软件十分注重保护用户的个人隐私，并制定了《隐私政策》，用户亦可以通过《隐私政策》，用户确认并同意使用蜀游互娱软件提供的服务将被视为接受《隐私政策》。",
					"3.资讯公开与共享",
					"蜀游互娱不会将用户的个人信息和资讯故意透露、出租或出售给任何第三方。但以下情况除外：",
					"（1）用户本人同意与第三方共享信息和资讯;",
					"（2）只有透露用户的个人信息和资讯，才能提供用户所要求的某种产品和服务;",
					"（3）应代表本应用提供产品或服务的主体的要求提供（除非我们另行通知，否则该等主体无权将相关用户个人信息和资讯用于提供产品和服务之外的其他用途）：根据法律法规或行政命令的要求提供;因外部审计需要而提供;用户违反了本应用服务条款或任何其他产品及服务的使用规定;经本站评估，用户的帐户存在风险，需要加以保护。",
					"4.非个人隐私信息",
					"为了改善蜀游互娱软件的技术和服务，向用户提供更好的服务体验，蜀游互娱或可会自行收集使用或向第三方提供用户的非个人隐私信息。",
					"5.如何联系我们",
					"您可以通过以下方式与我们联系，我们将在15天内回复您的请求：",
					"（1）如对本政策内容、个人信息有任何疑问、意见或建议，您可通过蜀游互娱客服邮箱：【912716425@qq.com】与我们联系。",
					"（2）如发现个人信息可能被泄露，您可以联系我们的客服人员进行投诉举报；",
					"如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向被告住所地有管辖权的法院提起诉讼来寻求解决方案。",
				]
			}
		},
		components: {

		},
		methods: {
			queding() {
				if (this.sms == '') {
					uni.showToast({
						title: '请输入验证码',
						icon: 'none', //将值设置为 success 或者 ''
						duration: 2000 //持续时间为 2秒
					})
				} else {

					this.showx = false
					// #ifdef H5
					if (/MicroMessenger/.test(window.navigator.userAgent)) {
						let system = navigator.userAgent.toLowerCase();
						//微信环境==苹果跳转支付宝
						if (/(iPhone|iPad|iPod|iOS)/i.test(system)) {
							let option = {
								pro: 'alipay_new_sign_yk001', //0.1版本
								openid: uni.getStorageSync('openid'),
								mobile: this.value,
								env: this.env,
								a: this.a,
								param: this.param
							}

							addLog({
								v1: 1,
								v2: this.value,
								text: JSON.stringify(option)
							}).then((res) => {
								console.log(res)
							})
							uni.showLoading({
								title: "正在订购",
								mask: true
							})

							youku({
								pro: 'alipay_new_sign_yk001', //0.1版本
								openid: uni.getStorageSync('openid'),
								mobile: this.value,
								env: this.env,
								a: this.a,
								param: this.param
							}).then((res) => {
								let url =
									'https://ulink.alipay.com/?scheme=alipays%3A%2F%2Fplatformapi%2Fstartapp%3FsaId%3D10000007%26clientVersion%3D3.7.0.0718%26qrcode%3D' +
									encodeURIComponent(encodeURIComponent(res.data.url));
								window.location.href = url

							})

						} else {
							uni.navigateTo({
								url: "/pages/newlead/newlead?a=" + this.a + '&mobile=' + this.value +
									'&pro=alipay_new_sign_yk001' +
									'&env=' + this.env + '&param=' + this.param + '&openid=' + uni
									.getStorageSync(
										'openid')
							})
						}

					} else {
						uni.showLoading({
							title: "正在订购",
							mask: true
						})
						let option = {
							pro: 'alipay_new_sign_yk001', //0.1版本
							openid: uni.getStorageSync('openid'),
							mobile: this.value,
							env: this.env,
							a: this.a,
							param: this.param
						}

						addLog({
							v1: 1,
							v2: this.value,
							text: JSON.stringify(option)
						}).then((res) => {
							console.log(res)
						})
						youku({
							pro: 'alipay_new_sign_yk001',
							openid: uni.getStorageSync('openid'),
							mobile: this.value,
							env: this.env,
							a: this.a,
							param: this.param,
							captcha: this.sms
						}).then((res) => {
							window.location.href = res.data.url

						})


						// 其他环境


					}

					// #endif

				}

			},
			adxs() {
				this.shows = true
			},
			agreementChange() {
				this.checked = !this.checked
			},
			inputs() {
				// console.log(this.value)
				// if (this.value.length == 11) {
				// 	this.checked = true
				// } else {
				// 	this.checked = false
				// }
			},

			arey() {
				this.checked = true
				this.submitMethod()
			},
			//点击抢购
			submitMethod() {


				if (this.value.length < 11) {
					uni.showToast({
						title: '请输入正确的手机号',
						icon: 'none', //将值设置为 success 或者 ''
						duration: 2000 //持续时间为 2秒
					})
				} else if (this.checked == false) {
					this.newshow = true
					// uni.showToast({
					// 	title: '请先勾选用户协议',
					// 	icon: 'none', //将值设置为 success 或者 ''
					// 	duration: 2000 //持续时间为 2秒
					// })
				} else {
					if (this.env == 3) {
						send({
							mobile: this.value,
							event: 'pay'
						}).then((res) => {
							this.showx = true
						})
					} else {
						// #ifdef H5
						if (/MicroMessenger/.test(window.navigator.userAgent)) {
							let system = navigator.userAgent.toLowerCase();
							//微信环境==苹果跳转支付宝
							if (/(iPhone|iPad|iPod|iOS)/i.test(system)) {
								let option = {
									pro: 'alipay_new_sign_yk001', //0.1版本
									openid: uni.getStorageSync('openid'),
									mobile: this.value,
									env: this.env,
									a: this.a,
									param: this.param
								}

								addLog({
									v1: 1,
									v2: 18183352344,
									text: JSON.stringify(option)
								}).then((res) => {
									console.log(res)
								})
								uni.showLoading({
									title: "正在订购",
									mask: true
								})

								youku({
									pro: 'alipay_new_sign_yk001', //0.1版本
									openid: uni.getStorageSync('openid'),
									mobile: this.value,
									env: this.env,
									a: this.a,
									param: this.param
								}).then((res) => {
									let url =
										'https://ulink.alipay.com/?scheme=alipays%3A%2F%2Fplatformapi%2Fstartapp%3FsaId%3D10000007%26clientVersion%3D3.7.0.0718%26qrcode%3D' +
										encodeURIComponent(encodeURIComponent(res.data.url));
									window.location.href = url

								})

							} else {
								uni.navigateTo({
									url: "/pages/newlead/newlead?a=" + this.a + '&mobile=' + this.value +
										'&pro=alipay_new_sign_yk001' +
										'&env=' + this.env + '&param=' + this.param + '&openid=' + uni
										.getStorageSync(
											'openid')
								})
							}

						} else {
							uni.showLoading({
								title: "正在订购",
								mask: true
							})
							let option = {
								pro: 'alipay_new_sign_yk001', //0.1版本
								openid: uni.getStorageSync('openid'),
								mobile: this.value,
								env: this.env,
								a: this.a,
								param: this.param
							}

							addLog({
								v1: 1,
								v2: 18183352344,
								text: JSON.stringify(option)
							}).then((res) => {
								console.log(res)
							})
							youku({
								pro: 'alipay_new_sign_yk001',
								openid: uni.getStorageSync('openid'),
								mobile: this.value,
								env: this.env,
								a: this.a,
								param: this.param
							}).then((res) => {
								window.location.href = res.data.url

							})


							// 其他环境


						}

						// #endif
					}






				}

			},
			changes() {
				let local = window.location.href;

				let url = 'https://h5.sx2b2c.com/wx_shouquan/#/?targetUrl=' + encodeURIComponent(
					window.location.href);
				console.log('gotoH5WxPlatformLoginUrl', url)

				window.location.href = url;
			},


			getUrlCode(name) {
				return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) ||
					[, ''
					])[1]
					.replace(/\+/g, '%20')) || null
			},
			checkWeChatCode() {
				let code = this.getUrlCode('code')
				if (code) {
					getAliUseridHjk({
						code: code,
						type: 2
					}).then((res) => {
						if (res.code == 1) {
							console.log(res)

							uni.setStorageSync('openid', res.data.user_id)


						}
					})
				} else {
					this.changes()
				}
			},
			//打开服务协议
			open() {
				this.show = true
			},
			//关闭服务协议
			ok() {
				this.show = false
			},
			//切换支付方式


		},
		onLoad(option) {
			// window.location.href='https://userid.zzqz000.com?url=' + encodeURIComponent('www.baidu.com');
			if (this.getUrlCode('qcjParamStr')) {
				this.param = this.getUrlCode('qcjParamStr')
			}
			if (this.getUrlCode('clickid')) {
				this.param = this.getUrlCode('clickid')
			}
			if (this.getUrlCode('push_id')) {
				this.param = this.getUrlCode('push_id')
			}
			if (option.openid) {

				uni.setStorageSync('openid', option.openid)
			}

			if (option.a) {
				this.a = option.a
				uni.setStorageSync('a', this.a)
			} else {
				this.a = this.getUrlCode('a')
				uni.setStorageSync('a', this.a)
			}

			let ua = window.navigator.userAgent.toLowerCase();
			//判断是不是微信
			if (ua.match(/MicroMessenger/i) == "micromessenger") {
				// 微信

				this.env = 2
				if (!uni.getStorageSync('openid')) {
					this.checkWeChatCode()
				}

			}
			//判断是不是支付宝
			else if (ua.match(/AlipayClient/i) == "alipayclient") {
				//支付宝
				// alert('支付宝')
				this.env = 1
				if (!uni.getStorageSync('openid')) {
					let backUrl = window.location.href
					window.location.href = 'https://userid.zzqz000.com?url=' + encodeURIComponent(backUrl);
				}
			} else {
				this.env = 3

				// alert('h5')
			}


		},
		watch: {

		},
		computed: {

		}
	}
</script>

<style scoped lang='scss'>
	.boss {
		position: relative;
		height: 100%;

	}

	@keyframes butChange {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(1.1);
		}

		100% {
			transform: scale(1);
		}
	}

	.pays {
		height: 260rpx;
		background: #F7F7F7;
		border-radius: 8rpx;
		margin-top: 36rpx;
	}

	.bottoms {
		padding: 20rpx;
	}

	.oprice {
		color: #808080;
		margin-left: 46rpx;
		font-size: 30rpx;

	}

	.price {
		font-size: 36rpx;
		color: #19191A;
		font-weight: 600;
	}

	.submit {
		width: 100%;
		margin: 0 auto;
		display: block;
		text-align: center;
		padding: 0;

		.submit-btn {
			animation: butChange 1s infinite;
			width: 100%;
		}
	}

	.box {

		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 28rpx;

		background-color: #f0d89f;


	}

	.title {
		margin-left: 10rpx;
		font-size: 24rpx;

	}

	.notice {
		color: #F6245A;

	}

	.agreement-main-box {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url("https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flogin-shadow-bg.png") repeat;
		z-index: 3;

		.agreement-box {
			border-radius: 20rpx;
			background-color: #faf7f2;
			padding: 30rpx;
			width: 85%;
			box-sizing: border-box;

			.title {
				text-align: center;
				color: #f94439;
				font-size: 28rpx;
				padding-bottom: 20rpx;
			}

			.content-box {
				max-height: 50vh;
				overflow: auto;

				.content {
					font-size: 25rpx;
					color: #515151;
					margin-top: 30rpx;
					line-height: 45rpx;
				}

			}

			.btn {
				width: 300rpx;
				font-size: 25rpx;
				letter-spacing: 2rpx;
				color: #fff;
				text-align: center;
				background-color: #f94338;
				border-radius: 120rpx;
				padding: 13rpx 0;
				font-size: 32rpx;
				margin: 10rpx auto 0;
			}
		}
	}

	/* 文字滚动 */
	@keyframes aniMove {
		0% {
			transform: translateX(100%);
		}

		// 100% {
		//     transform: translateX(-100%);
		// }
	}


	#wrap {

		font-size: 22rpx;
		overflow: hidden;
		position: relative;
		width: 800rpx;
		height: 59rpx;
		line-height: 59rpx;
		white-space: nowrap;
		text-align: center;

	}

	#inner {

		position: absolute;
		animation: slide 5s linear infinite;
	}

	#first {
		margin-left: 30rpx;
		background-color: #4E8AF2;
		display: inline-block;
		width: 322rpx;
		height: 52rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
		background: linear-gradient(265deg, #F7E5B9 0%, #FAC086 21.044921875%, #FAA466 49.0234375%, #E157F8 74.462890625%, #9C58FA 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		border: 2px solid #F7E0B3;


	}

	#second {

		display: inline-block;
		display: inline-block;
		width: 322rpx;
		height: 52rpx;
		clip-path: inset(0 0 round 15px);
		border-radius: 30rpx;
		margin-left: 30rpx;
		background: linear-gradient(265deg, #F7E5B9 0%, #FAC086 21.044921875%, #FAA466 49.0234375%, #E157F8 74.462890625%, #9C58FA 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		border: 2px solid #F7E0B3;





	}

	@keyframes slide {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(-25%);
		}
	}

	.ys {


		font-weight: bold;
		font-size: 36rpx;
		color: #000000;
		padding-top: 60rpx;

	}

	.bottomxs {
		width: 490rpx;
		height: 110rpx;
		background: #51C78B;
		border-radius: 55rpx;
		margin: 0 auto;
		text-align: center;
		line-height: 110rpx;
		color: white;
		margin-top: 50rpx;
	}

	.nos {


		font-weight: 500;
		font-size: 24rpx;
		color: #999999;
		display: flex;
		justify-content: center;
		margin-top: 36rpx;
	}
</style>